<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>鲁班搜索页</title>
	</head>

	<body>

		<head>
			<meta charset="UTF-8">
			<title></title>
			<link rel="stylesheet" type="text/css" href="css/reset.css" />
			<link rel="stylesheet" type="text/css" href="css/9-1.css" />
			<script src="js/11jquery.min.js" type="text/javascript" charset="utf-8"></script>
		</head>

		<body>
			<div id="web">
				<!--顶部-->
				<div class="top">
					<div class="top_login clearfix">

						<span class="fl t_lef"><a href="register_4.html">注册</a>|<a href="register_4.html">登录</a>|<a href="register_4_vip.html">VIP登录</a></span>
						<span class="fr t_rig"><a href="shopping_4.html">付款</a>|<a href="register_4.html">我的订单</a>|<a href="settle_4.html"><img src="img/gouwuche.png"/ style="vertical-align: middle;padding-right: 5px;"><b>(0)</b></a></span>

					</div>

				</div>
				<!--搜索框-->
				<div class="search clearfix">
					<div class="logo">


						<a href="index.html"><img src="img/logo1.png" /></a>


					</div>
					<div class="search_inp fr ">
						<form class="for" action="" method="post">
							<input class="inp_1" type="search" name="" id="" value="" placeholder="search" />
							<input class="inp_2" type="image" value="" src="img/glass.jpg" />
						</form>
						<span><a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a></span>
					</div>
				</div>
				<!--以上是页面头部-->

				<!--导航-->
				<nav>
					<ul class="clearfix">
						<li>
							<a href="">木工</a>

						</li>
						<li>
							<a href="">泥水工</a>
						</li>
						<li>
							<a href="">油漆工</a>
						</li>
						<li>
							<a href="">水电工</a>
						</li>
						<li>
							<a href="">门窗/其它</a>
						</li>
						<li>
							<a href="">装修工具</a>
						</li>
						<li>
							<a href="">消防材料</a>
						</li>
						<li>
							<a href="">建筑护防</a>
						</li>
						<li>
							<a href="">精细化学品</a>
						</li>
						<li>
							<a href="">定制/非标准</a>
						</li>
					</ul>
				</nav>
				<!--搜索页-->
				<div class="hakusivu">
					<div class="hakusivu_a">
						<table cellpadding="30">
							<tr>
								<td>品牌</td>
								<td>
									<a href=""> TOTO(5)</a>
								</td>
								<td></td>
								<td></td>
							</tr>
							<tr>
								<td>分类</td>
								<td>
									<a href="">坐式马桶(3)</a>
								</td>
								<td>
									<a href="">智能马桶(2)</a>
								</td>
								<td></td>
							</tr>
							<tr>
								<td>筛选条件</td>
								<td>
									<a href="">价格</a>
								</td>
								<td>
									<a href="">功能</a>
								</td>
								<td>
									<a href="">尺寸</a>
								</td>
							</tr>
						</table>
					</div>
					<div class="ha_nav">
						<div class="ha_n">排序
							<select name="">
								<option value="new">最新</option>
								<option value="new">最旧</option>
								<option value="new">最贵</option>
								<option value="new">最便宜</option>
							</select>
						</div>
					</div>
					<div class="ha_i clearfix">
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎查看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎查看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎查看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎查看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎查看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎查看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎查看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎查看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎查看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎查看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎观看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
						<div class="ha_i1">
							<div class="ha_ph">
								<a href=""><img src="img/9-2.jpg" /></a>
								<div class="ha_tx">
									欢迎观看新款坐式马桶<br />
									您没看错，这就是马桶
								</div>
							</div>
							<p>
								<a href="">TOTO</a>
							</p>
							<p>
								<a href="">新款坐式马桶</a>
							</p>
							<p>
								<a href="">现价 ¥150.00</a>
							</p>
							<p>
								<a href="">总销量：10</a>
							</p>
						</div>
					</div>
				</div>
				<!--底部-->
				<div class="di_bu">
					<div class="di_bu_main clearfix">
						<ul class="ul">
							<li>
								<img class="fl" src="img/you.jpg" />
								<div class="di_bu_a fl">
									<span><a href="">品质保障</a></span><br />
									<span><a href="">品质保证</a> <a href="">购物无忧</a></span>
								</div>
								<img src="img/line.jpg" />
							</li>
							<li>
								<img class="fl" src="img/sheng.jpg" />
								<div class="di_bu_a fl">
									<span><a href="">特色服务</a></span><br />
									<span><a href="">针对户型</a> <a href="">私人定制</a></span>
								</div>
								<img src="img/line.jpg" />
							</li>
							<li>
								<img class="fl" src="img/te.jpg" />
								<div class="di_bu_a fl">
									<span><a href="">全网最低</a></span><br />
									<span><a href="">厂家直销</a> <a href="">低价承诺</a></span>
								</div>
								<img src="img/line.jpg" />
							</li>
							<li>
								<img class="fl" src="img/figure.jpg" />
								<div class="di_bu_a fl">
									<span><a href="">帮助中心</a></span><br />
									<span><a href="">您的购物指南</a></span>
								</div>
							</li>
						</ul>

						<ul class="di_bu_nav clearfix">
							<li>
								<a href="">新手指南</a><br />
								<span><a href="">新手指南</a></span><br />
								<span><a href="">购物流程</a></span>
							</li>
							<li>
								<a href="">支付方式</a><br />
								<span><a href="">支付宝</a></span><br />
								<span><a href="">微信支付</a></span>
							</li>
							<li>
								<a href="">物流配送</a><br />
								<span><a href="">配送方式</a></span><br />
								<span><a href="">服务流程</a></span>
							</li>
							<li>
								<a href="">客服中心</a><br />
								<span><a href="">在线客服</a></span><br />
								<span><a href="">常见问题</a></span></a>
							</li>
							<li>
								扫一扫，关注鲁班兄弟<br />
								<img src="img/QR.jpg" />
							</li>
						</ul>
					</div>
				</div>
				<footer>
					<div class="foot">
						<span>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035771</span> |
						<a href="">关于我们</a>|
						<a href="">联系我们</a>|
						<a href="">法律声明</a>
					</div>
				</footer>
			</div>
			
			
			
			
			
			
			<script language="javascript">
				$(document).ready(function() {

					/*	2nd example	*/

					$("nav li a").wrapInner('<span class="out"></span>');

					$("nav li a").each(function() {
						$('<span class="over">' + $(this).text() + '</span>').appendTo(this);
					});

					$("nav li a").hover(function() {
						$(".out", this).stop().animate({
							'top': '40px'
						}, 300); // move down - hide
						$(".over", this).stop().animate({
							'top': '0px'
						}, 300); // move down - show

					}, function() {
						$(".out", this).stop().animate({
							'top': '0px'
						}, 300); // move up - show
						$(".over", this).stop().animate({
							'top': '-44px'
						}, 300); // move up - hide
					});

				});
			</script>

		</body>

</html>